<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
        <title>Work Stocks</title>
		
        <!-- All Plugins Css -->
        <link href="assets/css/plugins.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="assets/css/styles.css" rel="stylesheet">
		
		<!-- Custom Color -->
		<link href="assets/css/skin/default.css" rel="stylesheet">
    </head>
	
    <body class="green-skin bg-light">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="Loader"></div>
		
        <!-- ============================================================== -->
        <!-- Main wrapper - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <div id="main-wrapper">
		
            <!-- ============================================================== -->
            <!-- Top header  -->
            <!-- ============================================================== -->
            <!-- Start Navigation -->
			<div class="header header-light">
				<div class="container-fluid">
					<nav id="navigation" class="navigation navigation-landscape">
						<div class="nav-header">
							<a class="nav-brand" href="#">
								<img src="assets/img/logo.png" class="logo" alt="" />
							</a>
							<div class="nav-toggle"></div>
						</div>
						<div class="nav-menus-wrapper" style="transition-property: none;">
							<ul class="nav-menu">
							
								<li class="active"><a href="#">Home<span class="submenu-indicator"></span></a>
									<ul class="nav-dropdown nav-submenu" style="right: auto; display: none;">
										<li><a href="index.html" class="active">Home Style 1</a></li>                                    
										<li><a href="home-2.html">Home Style 2</a></li>                                    
										<li><a href="home-3.html">Home Style 3</a></li> 
										<li><a href="home-4.html">Home Style 4</a></li> 
										<li><a href="home-5.html">Home Style 5</a></li> 
										<li><a href="home-6.html">Home Style 6</a></li> 
										<li><a href="home-7.html">Home Style 7</a></li>
										<li><a href="home-8.html">Home Style 8</a></li>
									</ul>
								</li>
								
								<li><a href="#">For Candidates<span class="submenu-indicator"></span></a>
									<ul class="nav-dropdown nav-submenu" style="right: auto; display: none;">
										<li><a href="#">Search job Option<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu" style="display: none;">
												<li><a href="search-full-width.html">Search Job Full Width</a></li>                                    
												<li><a href="search-with-sidebar.html">Search Job with Sidebar</a></li>                                    
												<li><a href="search-with-sidebar-2.html">Search job with Sidebar 2</a></li> 
												<li><a href="search-with-sidebar-3.html">Search Job with Sidebar 3</a></li> 
												<li><a href="search-with-detail-job.html">Search job With Detail</a></li> 
												<li><a href="search-with-sidebar-list.html">Search Jobs List</a></li>
												<li><a href="search-with-sidebar-list-2.html">Search jobs List 2</a></li>										
												<li><a href="employers-list.html">Search Employers Sidebar</a></li>
												<li><a href="freelancer-detail.html">Employers Detail</a></li> 
											</ul>
										</li>
										<li><a href="#">Map Option<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu" style="display: none;">
												<li><a href="half-map-grid.html">Find Job On Map</a></li>                                    
												<li><a href="half-map-list.html">Fins Job On Map List</a></li> 
											</ul>
										</li>
										<li><a href="#">Job Detail<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu" style="display: none;">
												<li><a href="job-detail.html">Single Job 1</a></li>                                    
												<li><a href="job-detail-2.html">Single Job 2</a></li>                                    
												<li><a href="job-detail-3.html">Single Job 3</a></li>
											</ul>
										</li>
										<li><a href="candidate-dashboard.html">Candidate Dashboard</a></li>	
									</ul>
								</li>
								
								<li><a href="#">For Employers<span class="submenu-indicator"></span></a>
									<ul class="nav-dropdown nav-submenu" style="right: auto; display: none;">
										<li><a href="candidate-grid.html">Browse Candidates Grid</a></li>                                    
										<li><a href="candidate-list.html">Browse Candidates List</a></li>                                    
										<li><a href="search-freelancers.html">Search Freelancers</a></li> 
										<li><a href="search-freelancers-list.html">Search Freelancers List</a></li> 
										<li><a href="freelancer-detail.html">Freelancer Detail</a></li> 
										<li><a href="#">Search with Map<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu" style="display: none;">
												<li><a href="browse-candidates-with-map-grid.html">Search Candidate Grid</a></li>                                    
												<li><a href="browse-candidates-with-map.html">Search Candidate List</a></li> 
											</ul>
										</li>
										<li><a href="employer-dashboard.html">Employer Dashboard</a></li>
									</ul>
								</li>
								
								<li><a href="#">Pages<span class="submenu-indicator"></span></a>
									<ul class="nav-dropdown nav-submenu" style="right: auto; display: none;">
										<li><a href="blog.html">Blogs Page</a></li>                                    
										<li><a href="blog-detail.html">Blog Detail</a></li>                                    
										<li><a href="shortcodes.html">Shortcodes</a></li> 
										<li><a href="pricing.html">Pricing</a></li>  
										<li><a href="employers-full-width.html">Find Employers</a></li>
										<li><a href="all-jobs.html">Jobs Widgets</a></li>
										<li><a href="login.html">LogIn</a></li> 
									</ul>
								</li>
								
								<li><a href="contact.html">Contacts</a></li>
								
							</ul>
							
							<ul class="nav-menu nav-menu-social align-to-right">
								
								<li>
									<a href="#" data-toggle="modal" data-target="#login">
										<i class="ti-user mr-1"></i><span class="dn-lg">Login/Register</span>
									</a>
								</li>
								<li class="add-listing theme-bg">
									<a href="#">
										 <i class="ti-plus"></i> Post Job
									</a>
								</li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
			<!-- End Navigation -->
			<div class="clearfix"></div>
			<!-- ============================================================== -->
			<!-- Top header  -->
			<!-- ============================================================== -->
			
			<!-- =========================== Half Map  Start =================================== -->
			<div class="fs-container half-map">
				
				<div class="fs-inner-container">
					<div class="fs-content">
					
						<div class="row">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="form-group">
									<div class="input-with-icon">
										<i class="ti-search"></i>
										<input type="text" class="form-control b-r" placeholder="Job Title or Keywords">
									</div>
								</div>
							</div>
							
							<div class="col-lg-5 col-md-5 col-sm-4">
								<div class="form-group">
									<div class="input-with-icon">
										<select id="category" class="js-states form-control">
											<option value="">&nbsp;</option>
											<option value="1">SEO & Web Design</option>
											<option value="2">Wealth & Healthcare</option>
											<option value="3">Account / Finance</option>
											<option value="4">Education</option>
											<option value="5">Banking Jobs</option>
										</select>
										<i class="ti-layers"></i>
									</div>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-2 col-sm-2">
								<div class="form-group">
									<button type="submit" class="btn full-width ft-search submit-btn"><i class="ti-search"></i></button>
								</div>
							</div>
						
						</div>
						
						<!--- All List -->
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12">
								<div class="flt-result mb-3">
								
									<div class="flt-result-num">
										<h4>207 Result found</h4>
									</div>
									
									<div class="flt-change-layout">
										<a href="browse-candidates-with-map-grid.html"><i class="ti-layout-grid2"></i></a>
										<a href="browse-candidates-with-map.html" class="active"><i class="ti-view-list"></i></a>
									</div>
									
								</div>
							</div>
						</div>
						
						<!-- Job List Start -->
						<div class="row">
							<!-- Single New Job -->
							<div class="col-md-12 col-sm-12">
								
								<!-- Single Candidate List -->
								<div class="candidate-list-layout">
									<div class="cll-wrap">
										<div class="cll-thumb">
											<a href="resume-detail.html"><img src="assets/img/user-1.jpg" class="img-responsive img-circle" alt="" /></a>
										</div>
										<div class="cll-caption">
											<h4><a href="resume-detail.html">Travis A. Cook</a><span><i class="ti-briefcase"></i>SEO Expert</span></h4>
											<ul>
												<li><i class="ti-location-pin text-danger"></i>801 Harper Street, India</li>
												<li><i class="ti-time text-success"></i>Last Activity 04 min ago</li>
											</ul>
										</div>
									</div>
									
									<div class="cll-right">
										<a href="#" class="btn btn-primary btn-shortlist"><i class="ti-plus"></i>Shortlist</a>
									</div>
								</div>
							
								<!-- Single Candidate List -->
								<div class="candidate-list-layout">
									<div class="cll-wrap">
										<div class="cll-thumb">
											<a href="resume-detail.html"><img src="assets/img/user-2.jpg" class="img-responsive img-circle" alt="" /></a>
										</div>
										<div class="cll-caption">
											<h4><a href="resume-detail.html">Shaurya Preet</a><span><i class="ti-briefcase"></i>Graphic Designer</span></h4>
											<ul>
												<li><i class="ti-location-pin text-danger"></i>208 Hampton, Newzeland</li>
												<li><i class="ti-time text-success"></i>Last Activity 10 days ago</li>
											</ul>
										</div>
									</div>
									
									<div class="cll-right">
										<a href="#" class="btn btn-primary btn-shortlist"><i class="ti-plus"></i>Shortlist</a>
									</div>
								</div>
							
								<!-- Single Candidate List -->
								<div class="candidate-list-layout">
									<div class="cll-wrap">
										<div class="cll-thumb">
											<a href="resume-detail.html"><img src="assets/img/user-3.jpg" class="img-responsive img-circle" alt="" /></a>
										</div>
										<div class="cll-caption">
											<h4><a href="resume-detail.html">Robert C. Kelly</a><span><i class="ti-briefcase"></i>iPhone Developer</span></h4>
											<ul>
												<li><i class="ti-location-pin text-danger"></i>2283 Poco Mas Drive, Canada</li>
												<li><i class="ti-time text-success"></i>Last Activity 07 min ago</li>
											</ul>
										</div>
									</div>
									
									<div class="cll-right">
										<a href="#" class="btn btn-primary btn-shortlist"><i class="ti-plus"></i>Shortlist</a>
									</div>
								</div>
							
								<!-- Single Candidate List -->
								<div class="candidate-list-layout">
									<div class="cll-wrap">
										<div class="cll-thumb">
											<a href="resume-detail.html"><img src="assets/img/user-4.jpg" class="img-responsive img-circle" alt="" /></a>
										</div>
										<div class="cll-caption">
											<h4><a href="resume-detail.html">Jazmin D. Starks</a><span><i class="ti-briefcase"></i>Magento Expert</span></h4>
											<ul>
												<li><i class="ti-location-pin text-danger"></i>2860 Park Boulevard, USA</li>
												<li><i class="ti-time text-success"></i>Last Activity 5 days ago</li>
											</ul>
										</div>
									</div>
									
									<div class="cll-right">
										<a href="#" class="btn btn-primary btn-shortlist"><i class="ti-plus"></i>Shortlist</a>
									</div>
								</div>
							
								<!-- Single Candidate List -->
								<div class="candidate-list-layout">
									<div class="cll-wrap">
										<div class="cll-thumb">
											<a href="resume-detail.html"><img src="assets/img/user-5.jpg" class="img-responsive img-circle" alt="" /></a>
										</div>
										<div class="cll-caption">
											<h4><a href="resume-detail.html">Shirley C. Maggi</a><span><i class="ti-briefcase"></i>Wordpress Expert</span></h4>
											<ul>
												<li><i class="ti-location-pin text-danger"></i>1081 Wayback Lane, London</li>
												<li><i class="ti-time text-success"></i>Last Activity 2 days ago</li>
											</ul>
										</div>
									</div>
									
									<div class="cll-right">
										<a href="#" class="btn btn-primary btn-shortlist"><i class="ti-plus"></i>Shortlist</a>
									</div>
								</div>
								
								<!-- Single Candidate List -->
								<div class="candidate-list-layout">
									<div class="cll-wrap">
										<div class="cll-thumb">
											<a href="resume-detail.html"><img src="assets/img/user-6.jpg" class="img-responsive img-circle" alt="" /></a>
										</div>
										<div class="cll-caption">
											<h4><a href="resume-detail.html">Stewart C. Thomas</a><span><i class="ti-briefcase"></i>Stack Developer</span></h4>
											<ul>
												<li><i class="ti-location-pin text-danger"></i>4167 Ashwood Drive, UK</li>
												<li><i class="ti-time text-success"></i>Last Activity 02 min ago</li>
											</ul>
										</div>
									</div>
									
									<div class="cll-right">
										<a href="#" class="btn btn-primary btn-shortlist"><i class="ti-plus"></i>Shortlist</a>
									</div>
								</div>
								
							</div>
						</div>
						
						<!-- Pagination -->
						<div class="row">
							<div class="col-md-12 col-sm-12">
								<ul class="pagination">
									<li><a href="#"><i class="ti-arrow-left"></i></a></li>
									<li class="active"><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li> 
									<li><a href="#">4</a></li> 
									<li><a href="#"><i class="ti-arrow-right"></i></a></li> 
								</ul>
							</div>
						</div>
						
					</div>
				</div>
				
				<div class="fs-left-map-box">
					<div class="home-map fl-wrap">
						<div class="map-container fw-map">
							<div id="map-main"></div>
						</div>
					</div>
				</div>
				
			</div>
			<!-- =========================== Half Map  End ================================= -->
			
			
			<!-- Log In Modal -->
			<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
					<div class="modal-content" id="registermodal">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true"><i class="ti-close"></i></span>
							</button>
						</div>
						<div class="modal-body">
							<h4 class="modal-header-title">SignIn</h4>
							<div class="social-login">
								<ul>
									<li><a href="#" class="btn connect-fb"><i class="ti-facebook"></i>Login with Facebook</a></li>
									<li><a href="#" class="btn connect-gplus"><i class="ti-google"></i>Login with Gmail</a></li>
								</ul>
							</div>
							
							<div class="devide-wrap"><span>OR</span></div>
							
							<div class="login-form">
								<form>
								
									<div class="form-group">
										<label>User Name</label>
										<div class="input-with-gray">
											<input type="text" class="form-control" placeholder="Username">
											<i class="ti-user theme-cl"></i>
										</div>
									</div>
									
									<div class="form-group">
										<label>Password</label>
										<div class="input-with-gray">
											<input type="password" class="form-control" placeholder="*******">
											<i class="ti-unlock theme-cl"></i>
										</div>
									</div>
									
									<div class="form-group">
										<button type="submit" class="btn btn-primary btn-md full-width pop-login">Login</button>
									</div>
								
								</form>
							</div>
						</div>
						<div class="modal-footer">
							<div class="mf-link"><i class="ti-user"></i>Haven't An Account?<a href="javascript:void(0)" data-toggle="modal" data-target="#signup" data-dismiss="modal"> Sign Up</a></div>
							<div class="mf-forget"><a href="#"><i class="ti-help"></i>Forget Password</a></div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->
			
			<!-- Sign Up Modal -->
			<div class="modal fade" id="signup" tabindex="-1" role="dialog" aria-labelledby="sign-up" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
					<div class="modal-content" id="sign-up">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true"><i class="ti-close"></i></span>
							</button>
						</div>
						<div class="modal-body">
							<h4 class="modal-header-title">Sign Up</h4>
							<div class="social-login">
								<ul>
									<li><a href="#" class="btn connect-fb"><i class="ti-facebook"></i>Login with Facebook</a></li>
									<li><a href="#" class="btn connect-gplus"><i class="ti-google"></i>Login with Gmail</a></li>
								</ul>
							</div>
							
							<div class="devide-wrap"><span>OR</span></div>
							
							<div class="login-form">
								<form>
									<div class="row">
										<div class="col-lg-6 col-md-6 col-sm-6">
											<div class="form-group">
												<label>Full Name</label>
												<div class="input-with-gray">
													<input type="text" class="form-control" placeholder="Your Name">
													<i class="ti-user theme-cl"></i>
												</div>
											</div>
										</div>
										
										<div class="col-lg-6 col-md-6 col-sm-6">
											<div class="form-group">
												<label>Email</label>
												<div class="input-with-gray">
													<input type="email" class="form-control" placeholder="Email ID">
													<i class="ti-user theme-cl"></i>
												</div>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-lg-12 col-md-12 col-sm-12">
											<div class="form-group">
												<label>User Name</label>
												<div class="input-with-gray">
													<input type="text" class="form-control" placeholder="Username">
													<i class="ti-user theme-cl"></i>
												</div>
											</div>
										</div>
										<div class="col-lg-12 col-md-12 col-sm-12">
											<div class="form-group">
												<label>Password</label>
												<div class="input-with-gray">
													<input type="password" class="form-control" placeholder="*******">
													<i class="ti-unlock theme-cl"></i>
												</div>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-lg-12 col-md-12 col-sm-12">
											<div class="form-group">
												<button type="submit" class="btn btn-primary btn-md full-width pop-login">Login</button>
											</div>
										</div>
									</div>

								</form>
							</div>
						</div>
						<div class="modal-footer">
							<div class="mf-link"><i class="ti-user"></i>Already Have Account? Sign In</a></div>
							<div class="mf-forget"><a href="#"><i class="ti-help"></i>Need Help</a></div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->			

		</div>
		<!-- ============================================================== -->
		<!-- End Wrapper -->
		<!-- ============================================================== -->

		<!-- ============================================================== -->
		<!-- All Jquery -->
		<!-- ============================================================== -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/select2.min.js"></script>
		<script src="assets/js/aos.js"></script>
		<script src="assets/js/perfect-scrollbar.jquery.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/jquery.counterup.min.js"></script>
		<script src="assets/js/slick.js"></script>
		<script src="assets/js/bootstrap-datepicker.js"></script>
		<script src="assets/js/isotope.min.js"></script>
		<script src="assets/js/summernote.js"></script>
		<script src="assets/js/jQuery.style.switcher.js"></script>
		 
		<script src="assets/js/counterup.min.js"></script>
		<script src="assets/js/custom.js"></script>
		<!-- ============================================================== -->
		<!-- This page plugins -->
		<!-- ============================================================== -->
		
		<!-- Map -->
		<script src="https://ditu.google.cn/maps/api/js?key="></script>
		<script src="assets/js/map_infobox.js"></script>
		<script src="assets/js/markerclusterer.js"></script> 
		<script src="assets/js/candidates-map.js"></script>
		
	</body>
</html>